<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Template Name</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {

    function staticNav() {
        var sidenavHeight = $("#sidenav").height(); //Get height of sidenav
        var winHeight = $(window).height(); //Get height of viewport
        var browserIE6 = (navigator.userAgent.indexOf("MSIE 6")>=0) ? true : false; //Check for IE6

        if (browserIE6) { //if IE6...
            $("#sidenav").css({'position' : 'absolute'});  //reset the sidenav to be absolute
        } else { //if not IE6...
            $("#sidenav").css({'position' : 'fixed'}); //reset the sidenav to be fixed
        }

        if (sidenavHeight > winHeight) { //If sidenav is taller than viewport...
            $("#sidenav").css({'position' : 'static'}); //switch the fixed positioning to static. Say good bye to sticky nav!
        }
    }

    staticNav(); //Execute function on load

    $(window).resize(function () { //Each time the viewport is adjusted/resized, execute the function
        staticNav();
    });

});
</script>

</head>

<body>
<div class="container">
  <div id="sidenav"> <img src="images/logo.gif" alt="" />
    <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="aboutus.html">About Us</a></li>
            <li><a href="latest.html">Latest Collection</a></li>
            <li><a href="testimonial.html">Testimonial</a></li>
            <li><a href="contactus.html">Contact Us</a></li>
        </ul>
</div>
  <div id="content"> <img src="images/topbar.jpg" alt="" />
    <!--Content Goes Here-->
    <div id="whitebox">
      <div class="paddingbox">
        <h1>Contact Us</h1>
        <p><span class="goldtext">Autem vel eum iriure dolor in hendrerit in vulputate<br />
      </span> Equat, vel illum dolore eu feugiat nulla facilisis at vero autem vel eum iriure dolor. in hendrerit in vulputate. Velit esse molestie consequat, vel illum dolore eu feugiat nula facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdie. doming id quod. mazim placerat facer possim assum vel eum iriure dolor in hendrerit in vulputate velit esse molestie.        
        <p><div id="contact">
          <label>Name</label>
        <input type="text" />   <br />
     <label>Email</label>
        <input type="text" />
        <br />
          <label>Address</label>
          <textarea name="textarea" rows="5" wrap="virtual"></textarea>
          <br />
        <label></label>
        <img src="images/send.gif" alt="" width="86" height="31" /><br />
      </div></div>
    </div>
    <div id="footer">© Copyright Company Name. •  All Rights Reserved</div>
  </div>
</div>
<div>
</div>
</body>
</html>
